<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/custom-made.css"/>
	<link rel="stylesheet" href="css/bootstrap.css" />
	<body>
		<div id="web">
			<header class="clearfix">
				<div class="logo fl">
					<div>
						<img src="img/logo.png" />
					</div>
				</div>
				<ul class="navbar fl clearfix">
					<li><a href="index.html">首页</a></li>
					<li>
						<a href="">骑行</a>
						<div class="header-info clearfix">
							<div class="fl clearfix">
								<h4>普通版</h4>
								<ul class="text fl">
									<li><a href=""">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
									<li><a href="">儿童版短袖</a></li>
									<li><a href="">儿童版长袖</a></li>
								</ul>
							</div>
							<div class="fl clearfix">
								<h4>竞技版</h4>
								<ul class="fl">
									<li><a href="">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
								</ul>
							</div>
						</div>
					</li>
					<li><a href="">铁三</a></li>
					<li><a href="">跑步</a></li>
					<li><a href="">设计师入驻</a></li>
					<li>
						<a href="shopList.html">品牌专区</a>
					</li>
				</ul>
				<ul class="nav-img fl clearfix">
					<li>
						<div class="search">
							<input type="search"  placeholder="上衣"/>
							<input type="image" onclick="window.location.href='search.html'" src="img/search.gif" />
						</div>
					</li>
					<li>
						<div class="shop_car" onclick="window.location.href='BE-Project/flow1.html'">
							<img src="img/shopping_car.png"/>
						</div>
					</li>
					<li class="per">
						<div class="person">
							<img src="img/person.png"/>
						</div>
						<div class="lo">
							<p><a href="login.html">登录</a></p>
							<p><a href="reg.html">注册</a></p>
							<p><a href="openShop.html">我要开店</a></p>
						</div>
					</li>
					<li>
						<div class="tel">
							<img src="img/tel.jpg"/>
						</div>
					</li>
					<li>
						<div class="language">
							<img src="img/language.png" />
						</div>
					</li>
				</ul>
			</header>
			<section>
					<aside>
						<ul class="clearfix">
							<li >
								<div class="small"></div>
								<span><a href="custom-tailor.html">1、产品</a></span>
							</li>
							<li class="active">
								<div class="small"></div>
								<span><a href="">2、设计</a></span>
							</li>
							<li>
								<div class="small"></div>
								<span><a href="">3、定制完成</a></span>
							</li>
							<li>
								<div class="small"></div>
								<span><a href="shopinfo.html">4、购买</a></span>
							</li>
						</ul>
					</aside>
					<article class="clearfix">
						<div class="madefor fl">
							<div class="input clearfix">
								<input id="btnpart" class="active fl" type="button" value="部件定制" />
								<input id="btncolor" class="fr" type="button" value="颜色定制" />
							</div>
							<div id="part" class="list clearfix">
								<p class="">请选择定制的部位</p>
								<div class="listgroup clearfix">
									<div class="scroll fl">
										<div class="scroll-now"></div>
									</div>
									<ul class="list-ul fl">
										<li>领子</li>
										<li>左下部</li>
										<li class="active">胸前</li>
										<li>右肩膀</li>
										<li>右下部</li>
										<li>背下部</li>
										<li>领子</li>
										<li>左下部</li>
										<li>胸前</li>
										<li>右肩膀</li>
										<li>右下部</li>
										<li>背下部</li>
									</ul>
								</div>
							</div>
							<div id="color" class="list clearfix">
								<p class="">请选择定制的颜色</p>
								<div class="listgroup clearfix">
									<div class="scroll fl">
										<div class="scroll-now"></div>
									</div>
									<ul class="list-ul fl">
										<li>白色</li>
										<li>蓝色</li>
										<li class="active">酒红色</li>
										<li>红色</li>
										<li>黄色</li>
										<li>绿色</li>
										<li>橘色</li>
										<li>紫色</li>
										<li>咖啡色</li>
										<li>天蓝色</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="madeColor fl">
							<div class="madecolor">
								<img src="img/custom/madecolor.png" alt="" />
							</div>
							<div class="input clearfix">
								<div class="fl">
									<img src="img/custom/pullcolor.png" />
									<input type="button" value="颜色" />
								</div>
								<div class="fl">
									<img src="img/custom/t.png" />
									<input class="active" type="button" value="文字" />
								</div>
								<div class="fl">
									<img src="img/custom/picture.png" />
									<input type="button" value="图片" />
								</div>
							</div>
							<div class="listgroup clearfix">
								<div class="scroll fl">
									<div class="scroll-now"></div>
								</div>
								<ul class=" textColor fl">
									<li>
										<p>文字定制</p>
										<div>
											<input type="text" placeholder="最多可输入10个字节" />
											<input type="button" value="OK" />
										</div>
									</li>
									<li>
										<p>文字选择</p>
										<div class="btn-group">
											<button type="button" class="btn btn-default dropdown-toggle" data-toggle='dropdown'>
												微软雅黑
												<span class="caret"></span>
											</button>
											<ul class="dropdown-menu" role='menu'>
												<li><a href="">微软雅黑</a></li>
												<li><a href="">华文琥珀</a></li>
												<li><a href="">方正黑体</a></li>
												<li><a href="">华文楷体</a></li>
											</ul>
										</div>
									</li>
									<li>
										<p>文字颜色</p>
										<div>
											<img src="img/custom/color.png" alt="" />
										</div>
									</li>
								</ul>
							</div>
						</div>
						<div class="modelfor fl">
							<div><img src="img/custom/model.png" alt="" /></div>
							<div><img src="img/custom/shadow.png" alt="" /></div>
							<div><input type="image" src="img/custom/zhuan.png" /></div>
							<input type="button" value="保存设计" />
						</div>
					</article>
			</section>
			<div id="productCar" class="productCar clearfix">
					<div class="pro-title">
						<h4>产品推荐</h4>
						<span></span>
					</div>
					<div id="product-shopCar" class="product-shopCar clearfix">
						<div id="left" class="left fl">
							<input type="image" src="img/turnleft.png" />
						</div>
					<div id="wid" class="moveul fl clearfix">	
						<ul id="moveul" class="pro-shop1 fl clearfix">
							<li class="clearfix">
								<div class="fl">
									<img src="img/pro1.jpg" alt="" />
								</div>
								<div class="fr">
									<p>竞技版骑行上衣</p>
									<img src="img/spring.jpg" />
									<p>¥299</p>
								</div>
							</li>
							<li class="clearfix">
								<div class="fl">
									<img src="img/pro2.jpg" alt="" />
								</div>
								<div class="fr">
									<p>普通版骑行上衣</p>
									<img src="img/spring.jpg" alt="" />
									<p>¥299</p>
								</div>
							</li>
							<li class="clearfix">
								<div class="fl">
									<img src="img/pro3.jpg" alt="" />
								</div>
								<div class="fr">
									<p>竞技版背带骑行裤</p>
									<img src="img/spring.jpg"/>
									<p>¥299</p>
								</div>
							</li>
							<li class="clearfix">
								<div class="fl">
									<img src="img/pro4.jpg" alt="" />
								</div>
								<div class="fr">
									<p>普通版骑行上衣</p>
									<img src="img/spring.jpg" alt="" />
									<p>¥299</p>
								</div>
							</li>
						</ul>
					</div>
						<div id="right" class="right fr">
							<input type="image" src="img/turnright.png" />
						</div>
					</div>
			</div>
			<footer>
				<div class="list clearfix">	
					<div class="foot-logo fl">
						<img src="img/foot-logo.png"/>
					</div>
					<div class="foot-list fl clearfix">
						<div>
							<ul>
								<li><a href="">新手指南</a></li>
								<li><a href="">用户注册</a></li>
								<li><a href="">定制流程</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">付款方式</a></li>
								<li><a href="">支付方式</a></li>
								<li><a href="">支付问题</a></li>
								<li><a href="">常见问题</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">售后服务</a></li>
								<li><a href="">退款换货</a></li>
								<li><a href="">配送方式</a></li>
								<li><a href="">联系我们</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">政策条款</a></li>
								<li><a href="">服务协议</a></li>
								<li><a href="">隐私条款</a></li>
								<li><a href="">版权条款</a></li>
							</ul>
						</div>
					</div>
				</div>
				<p>© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
			</footer>
		</div>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/getStyle.js"></script>
		<script src="js/custorm.js"></script>
	</body>
</html>
